<ons-page ng-controller="orderStatusController">
    <ons-toolbar>
        <div class="left">
            <ons-back-button></ons-back-button>
        </div>
        <div class="center">订单状态</div>
    </ons-toolbar>

    <div class="container">
        <div class="order">
            <hr class="vertical-line"/>
            <div class="circle-row">
                <div class="circle col-3">
                    <span class="text">1</span>
                </div>
                <div class="desc active col-6">已抢单，请等待</div>
                <div class="clear_both"></div>
            </div>
            <div class="circle-row">
                <div class="circle">
                    <span class="text">2</span>
                </div>
                <div class="desc col-6">已接车</div>
                <div class="clear_both"></div>
            </div>
            <div class="circle-row">
                <div class="circle">
                    <span class="text">3</span>
                </div>
                <div class="desc col-6">开始施工</div>
                <div class="clear_both"></div>
            </div>
            <div class="circle-row">
                <div class="circle">
                    <span class="text">4</span>
                </div>
                <div class="desc col-6">已验车</div>
                <div class="clear_both"></div>
            </div>
            <div class="circle-row">
                <div class="circle">
                    <span class="text">5</span>
                </div>
                <div class="desc col-6">已还车</div>
                <div class="clear_both"></div>
            </div>
            <div class="circle-row">
                <div class="circle">
                    <span class="text">6</span>
                </div>
                <div class="desc col-6">已付款，交易完成</div>
                <div class="clear_both"></div>
            </div>

        </div>
    </div>
</ons-page>